<template>
	<view class="detailsBox">
		<view class="detailsNav">
			<view class="staBox" :class="status==0?'staBoxa':status==1?'staBox':status==2?'staBoxb':''">
				{{status==0?'已审核':status==1?'未审核':status==2?'拒绝':''}}
			</view>
			<!-- <image v-if="status!=0" src="/static/pages/index/modifyImg.png" class="modifyImg" mode=""></image> -->
		</view>
		<!-- 详情区 -->
		<view class="detailsContent">
			<view class="detislNa">
				<view class="na">
					姓名：
				</view>
				<view class="naC">
					陈诚
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					性别：
				</view>
				<view class="naC">
					男
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					年纪：
				</view>
				<view class="naC">
					45岁
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					电话：
				</view>
				<view class="naC">
					15832641126
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					预算：
				</view>
				<view class="naC">
					12000元
				</view>
			</view>
			<view class="detislNaa">
				<view class="na">
					意向车型：
				</view>
				<view class="naC">
					长安汽车
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					颜色：
				</view>
				<view class="naC">
					白色
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					用途：
				</view>
				<view class="naC">
					家用
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					时间：
				</view>
				<view class="naC">
					2021-11-25
				</view>
			</view>
			<view class="detislNa">
				<view class="na">
					备注：
				</view>
				<view class="naC">
					80%成交率
				</view>
			</view>
				
			<view class="detislNaa">
				<view class="na">
					拒绝原因：
				</view>
				<view class="naC">
					此区域不开展此活动
				</view>
			</view>
			<view class="liecan">
				<view class="qu">通过</view>
				<view class="que">拒绝</view>				
			</view>	
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:'',//状态
			};
		},
		onLoad(option) {
			// console.log(option)
			this.status=option.status
		},
		onShow() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.liecan{
		display: flex;
		align-items: center;
		justify-content: space-around;
		margin-top: 80rpx;
		.qu{
			padding: 20rpx 70rpx;
			background: rgba(24, 85, 246, 1);
			font-size: 30rpx;
			border-radius: 3000rpx;
			color: #fff;
		}
		.que{
			padding: 20rpx 70rpx;
			background: rgba(216, 222, 240, 1);
			font-size: 30rpx;
			border-radius: 3000rpx;
			color: rgba(24, 85, 246, 1);
		}
	}
	page{
		background-color: #FFFFFF;
	}
.detailsBox{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 40rpx;
	overflow: hidden;
	.detailsNav{
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 120rpx;
		
		.staBox{
			width: 120rpx;
			height: 50rpx;
			background: #F69518;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxa{
			width: 120rpx;
			height: 50rpx;
			background: #1855F6;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxb{
			width: 120rpx;
			height: 50rpx;
			background: #f61861;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #F5F5F5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.modifyImg{
			width: 48rpx;
			height: 48rpx;
			margin-right: 40rpx;
			margin-top: 36rpx;
		}
	}
	.detailsContent{
		width: 100%;
		overflow: hidden;
		.detislNa{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 186rpx;
			}
		}
		.detislNaa{
			display: flex;
			margin-top: 60rpx;
			.na{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 40rpx;
			}
			.naC{
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				margin-left: 113rpx;
			}
		}
	}
}
</style>
